﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>达利琪物流云平台</title>
<jsp:include page="${pageContext.request.contextPath}/common.jsp" />

<style type="text/css">
body {
	overflow: hidden;
}
#center{
   margin: 10px;
}
#showDate{
   margin-top:15px;
}
.serviceTel{
	position:absolute;
	top:80px;
	right:25px;
	font-size:20px;
	font-weight:bold;
	color:#f60;
	padding:5px 10px;
	border:1px solid #f60;
	border-radius:3px;
}
</style>
</head>
<body>
	<div id="wrapper">
		<nav class="navbar navbar-default navbar-cls-top " role="navigation"
			style="margin-bottom: 0">
			<img src="assets/img/logo.png" width="557" height="59" border="0" onclick="loadIframePage('welcome.html');">
			<ul class="nav navbar-nav navbar-right" style="margin-top: 10px; margin-right:10px;">
				<li id="showDate"></li>
				<li>
					<a href="/index/logout"><span class="glyphicon glyphicon-off"></span> 退出</a>
				</li>
			</ul>
			<div class="serviceTel">
				客服电话：888888888
			</div>
		</nav>
		<!-- /. NAV TOP  -->
		<nav id="nav" class="navbar-default navbar-side" role="navigation">
			<div class="sidebar-collapse">
				<ul class="nav" id="main-menu">
					<li>
						<div class="user-img-div">
							<img src="assets/img/user.png" class="img-thumbnail" />
							&nbsp;&nbsp; <span class="inner-text"> 您好，张三 </span>
						</div>

					</li>

					<li><a href="#"><i class="fa fa-caret-right "></i>订单管理</a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'orderPage/page.jsp');"><i
									class="fa fa-file-o"></i>订单管理</a></li>
						</ul></li>
					<li><a href="index.html"><i class="fa fa-caret-right "></i>运输管理</a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'transPage/page.jsp');"><i class="fa fa-file-o"></i>运输管理</a>
							</li>
						</ul></li>
					<li><a href="index.html"><i class="fa fa-caret-right "></i>货物管理</a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'goodsPage/page.jsp');"><i class="fa fa-file-o"></i>货物管理</a>
							</li>
						</ul></li>
					<li><a href="index.html"><i class="fa fa-caret-right "></i>财务管理</a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'financePage/page.jsp');"><i class="fa fa-file-o"></i>财务管理</a>
							</li>
						</ul></li>
					<li><a href="#"><i class="fa fa-caret-right "></i>客户管理</a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa  fa-file-o"></i>生产企业</a>
							</li>
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa  fa-file-o "></i>物流公司</a>
							</li>
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa  fa-file-o "></i>其他</a>
							</li>


						</ul></li>
					<li><a href="#"><i class="fa fa-caret-right "></i>系统管理 </a>
						<ul class="nav nav-second-level">
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa fa-file-o "></i>修改资料</a>
							</li>
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>修改密码</a>
							</li>
							<li><a class="sub" href="javascript:void(0);"
								onclick="loadPage(this,'url');"><i class="fa fa-file-o"></i>权限管理</a>
							</li>
						</ul></li>
				</ul>

			</div>

		</nav>
		<!-- /. NAV SIDE  -->


		<!--page-wrapper-->
		<div id="page-wrapper">
			<iframe id="center" width="99%" frameborder="no"  border="0"
				marginwidth="0" marginheight="0"  allowtransparency="yes"
				height="100%" src="welcome.html"></iframe>
		</div>
		<!--end page-wrapper-->
	</div>
	<!-- /. WRAPPER  -->

	<!--
    <div id="footer-sec" style="text-align:center">
        Copyright &copy; 2016.达利琪物流云平台版权所有.
    </div>
	-->
	<!-- /. FOOTER  -->

	<script>
		$(function() {
			initLayout();
		});
		function loadPage(obj, url) {
			$('.sub').css('color', '#fff');
			$(obj).css('color', 'red');
			$('#center').attr("src", url);
		}

		function initLayout() {
			var hei = $(window).height() - 59;
			$("#page-wrapper").height(hei);
			$("#nav").height(hei);
		}
		
		function loadIframePage(url){
			$('#center').attr("src", url);
		}
		/* 头部日期显示 */
	    function showDate(){
	          var dateTime=new Date();
	          var hh=dateTime.getHours();
	          if(hh<10) hh = '0' + hh;
	          var mm=dateTime.getMinutes();
	          if(mm<10) mm = '0' + mm;
	          var ss=dateTime.getSeconds();
	          if(ss<10) ss = '0' + ss;
	          var yy=dateTime.getFullYear();

	          var MM=dateTime.getMonth()+1; //因为1月这个方法返回为0，所以加1
	          var dd=dateTime.getDate();
	          var week=dateTime.getDay();
	          var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 "];
	          $('#showDate').text(yy+"年"+MM+"月"+dd+"日 "+" 星期"+days[week]+" "+hh+":"+mm+":"+ss);
	          setTimeout(showDate,1000);
	      }
		$(document).ready(function(){
			showDate();
		});
	</script>

</body>
</html>
